<!-- 3 -->
<template>
  <div class="addshop_main">
    <!-- 排序： -->
    <div>
      <b> 排序：</b>
      <el-input-number
        v-model="other.sort"
        @change="handleChange($event, 'sort')"
        :min="0"
        label="排序"
      ></el-input-number>
    </div>
    <!-- 积分： -->
    <div>
      <b> 积分：</b>
      <el-input-number
        v-model="other.integral"
        @change="handleChange($event, 'integral')"
        :min="0"
        label="积分"
      ></el-input-number>
    </div>
    <!--虚拟销量：  -->
    <div>
      <b> 虚拟销量：</b>
      <el-input-number
        v-model="other.Virtualsales"
        @change="handleChange($event, 'Virtualsales')"
        :min="0"
        label="虚拟销量"
      ></el-input-number>
    </div>
  </div>
</template>

<script>
export default {
  name: "ThreeShop",
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {
      other: {
        sort: 0,
        integral: 0,
        Virtualsales: 0,
      },
    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    //
    handleChange(value, nameAll) {
      console.log(value, nameAll);
      this.other[nameAll] = value;
    },
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
};
</script>
<style lang="scss" scoped>
.addshop_main {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  padding: 20px;
  div {
    b {
      color: #606266;
      font-size: 14px;
    }
  }
}
</style>
